<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="admin/common/common_css :: commonHeader('选择图标')">
</head>
<link th:href="@{/js/admin.ui/lib/jquery.treetable/jquery.treetable.css}" rel="stylesheet" type="text/css" />
<style type="text/css">
    td {cursor: pointer;}
    td:hover {transform: scale(2); border:0;}
</style>
<body>
<div class="page-container">
    <table class="table table-border table-bordered table-bg">
        <tbody id="iconTbody">
        <tr class="text-c">
            <td title="双击选择" iconVal="xe625"><i class="icon Hui-iconfont">&#xe625;</i></td>
            <td title="双击选择" iconVal="xe67f"><i class="icon Hui-iconfont">&#xe67f;</i></td>
            <td title="双击选择" iconVal="xe616"><i class="icon Hui-iconfont">&#xe616;</i></td>
            <td title="双击选择" iconVal="xe613"><i class="icon Hui-iconfont">&#xe613;</i></td>
            <td title="双击选择" iconVal="xe60f"><i class="icon Hui-iconfont">&#xe60f;</i></td>
            <td title="双击选择" iconVal="xe64b"><i class="icon Hui-iconfont">&#xe64b;</i></td>
        </tr>
        <tr class="text-c">
            <td title="双击选择" iconVal="xe66f"><i class="icon Hui-iconfont">&#xe66f;</i></td>
            <td title="双击选择" iconVal="xe62e"><i class="icon Hui-iconfont">&#xe62e;</i></td>
            <td title="双击选择" iconVal="xe633"><i class="icon Hui-iconfont">&#xe633;</i></td>
            <td title="双击选择" iconVal="xe634"><i class="icon Hui-iconfont">&#xe634;</i></td>
            <td title="双击选择" iconVal="xe646"><i class="icon Hui-iconfont">&#xe646;</i></td>
            <td title="双击选择" iconVal="xe681"><i class="icon Hui-iconfont">&#xe681;</i></td>
        </tr>
        <tr class="text-c">
            <td title="双击选择" iconVal="xe636"><i class="icon Hui-iconfont">&#xe636;</i></td>
            <td title="双击选择" iconVal="xe687"><i class="icon Hui-iconfont">&#xe687;</i></td>
            <td title="双击选择" iconVal="xe637"><i class="icon Hui-iconfont">&#xe637;</i></td>
            <td title="双击选择" iconVal="xe691"><i class="icon Hui-iconfont">&#xe691;</i></td>
            <td title="双击选择" iconVal="xe692"><i class="icon Hui-iconfont">&#xe692;</i></td>
            <td title="双击选择" iconVal="xe639"><i class="icon Hui-iconfont">&#xe639;</i></td>
        </tr>
        <tr class="text-c">
            <td title="双击选择" iconVal="xe623"><i class="icon Hui-iconfont">&#xe623;</i></td>
            <td title="双击选择" iconVal="xe626"><i class="icon Hui-iconfont">&#xe626;</i></td>
            <td title="双击选择" iconVal="xe63e"><i class="icon Hui-iconfont">&#xe63e;</i></td>
            <td title="双击选择" iconVal="xe63c"><i class="icon Hui-iconfont">&#xe63c;</i></td>
            <td title="双击选择" iconVal="xe627"><i class="icon Hui-iconfont">&#xe627;</i></td>
            <td title="双击选择" iconVal="xe6a4"><i class="icon Hui-iconfont">&#xe6a4;</i></td>
        </tr>
        <tr class="text-c">
            <td title="双击选择" iconVal="xe6a5"><i class="icon Hui-iconfont">&#xe6a5;</i></td>
            <td title="双击选择" iconVal="xe612"><i class="icon Hui-iconfont">&#xe612;</i></td>
            <td title="双击选择" iconVal="xe685"><i class="icon Hui-iconfont">&#xe685;</i></td>
            <td title="双击选择" iconVal="xe72d"><i class="icon Hui-iconfont">&#xe72d;</i></td>
            <td title="双击选择" iconVal="xe727"><i class="icon Hui-iconfont">&#xe727;</i></td>
            <td title="双击选择" iconVal="xe72b"><i class="icon Hui-iconfont">&#xe72b;</i></td>
        </tr>
        </tbody>
    </table>
</div>
<div th:include="admin/common/common_js :: onLoadJS"></div>
<script type="text/javascript">
    // 页面加载执行
    jQuery(function ($) {
        $("#iconTbody tr td").dblclick(function() {
            parent.document.getElementById('menuIcon').value = ($(this).attr('iconVal'));
            parent.document.getElementById('iconPreview').innerHTML = '您选择的图标为：' + '&#' + ($(this).attr('iconVal')) + ';';
            layer_close();
        });
    })
</script>
</body>
</html>